<!doctype html>
<html lang="en" dir="rtl">
<head>
	<meta charset="utf-8" />
	<title>Media Star - Responsive Html5 Portfolio Template</title>
    <meta name="description" content="Media Star - Responsive Html5 Portfolio Template" />
    <meta name="author" content="Felixplus - www.felixplus.com" />
    <meta name="keywords" content="wordpress, themes, wordpress themes, premium wordpress themes, premium themes, wordpress theme shop, free themes, drupal themes, wordpress templates" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />		
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/quick-sand.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
    <!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE 8]><link rel="stylesheet" href="css/ie8.css" type="text/css" media="all" /><![endif]-->
	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all" />
	<![endif]-->
    <!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/sequence.jquery-min.js"></script>
    <script type="text/javascript" src="js/jquery.vegas.js"></script>
	<script type="text/javascript" src="js/jquery.tubular.1.0.js"></script>
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/customSelect.jquery.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    

    <!-- Font
	================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>   

</head>
<body class="sub right-sidebar-page">
    <div class="wrapper clearfix">
        <div id="sidebar">
        	<div id="logo-image">
            	<a href="index.html"><img src="placeholders/logo.png" alt="" /></a>
            </div>
            <nav id="main-nav">
            	<ul id="main-menu">
                	<li class="menu-home menu-parent"><a href="index.html"><span>Home</span></a></li>
                    <li class="menu-portfolio menu-parent"><a href="portfolio.html"><span>Portfolio</span></a></li>
                    <li class="current-menu-item menu-blog menu-parent">
                    	<a href="#"><span>Blog</span></a>
                        <ul>
                        	<li><a href="blog-v1.html">Blog isotope style 1</a></li>
                            <li><a href="blog-v2.html">Blog isotope style 2</a></li>
                            <li><a href="blog-v3.html">Blog timeline style</a></li>
                            <li><a href="blog-v4.html">Blog classic style</a></li>
                        </ul>
                    </li>
                    <li class="menu-bg menu-parent">
                    	<a href="#"><span>Background</span></a>
                        <ul>
                        	<li><a href="bg-slide.html">Image slide</a></li>
                            <li><a href="bg-video.html">Video slide</a></li>
                        </ul>
                    </li>
                    <li class="menu-feature menu-parent">
                    	<a href="#"><span>Features</span></a>
                        <ul>
                        	<li><a href="about.html">About</a></li>
                            <li><a href="single.html">Single</a></li>
                            <li><a href="bg-slide-content.html">Single with bg slide</a></li>
                            <li><a href="right-sidebar-full.html">Right sidebar full width</a></li>
                            <li><a href="right-sidebar-fixed.html">Right sidebar fixed width</a></li>
							<li><a href="left-sidebar.html">Left sidebar</a></li>
                            <li><a href="elements.html">Elements</a></li>
                            <li><a href="404.html">404 error</a></li>
                        </ul>
                    </li>
                    <li class="menu-colors menu-parent">
                    	<a href="#"><span>Color styles</span></a>
                        <ul>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/facebook/index.html">Facebook</a></li>
                            <li><a href="http://felixplus.com/demo/mediastar/html/skins/dark/index.html">Dark</a></li>
                        </ul>
                    </li>
                    <li class="menu-purchase menu-parent"><a href="http://themeforest.net/item/mediastar-responsive-html5-portfolio-template/3805427"><span>Purchase</span></a></li>
<li class="menu-contact menu-parent"><a href="contact.html"><span>Contact</span></a></li>
                </ul><!--end:main-menu-->
            </nav><!--end:main-nav-->
            <aside class="twitter-widget">
            	<img src="images/icons/tweet-icon.png" alt="" />
                <div class='twitter_outer'>
                    <input type='hidden' class='tweet_id' value='envato'>
                    <input type='hidden' class='tweet_count' value='1'>
                    <div class='twitter_inner'></div>
                </div>
            </aside><!--end:widget-->
            <div id="bottom-sidebar">
            	<ul class="social-links clearfix">				
                    <li>
                        <a target="_blank" title="Facebook" href="https://www.facebook.com/felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/facebook.png" alt="" />
  							<img class="top" src="images/icons/socials/default/facebook.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Twitter" href="https://twitter.com/Felixplusthemes">
                            <img class="bottom" src="images/icons/socials/hover/twitter.png" alt="" />
  							<img class="top" src="images/icons/socials/default/twitter.png" alt="" />                        
                        </a>
                    </li>                    
                    <li>
                        <a target="_blank" title="Behance" href="http://www.behance.net/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/behance.png" alt="" />
  							<img class="top" src="images/icons/socials/default/behance.png" alt="" />                        
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Flickr" href="http://www.flickr.com/photos/felixthemes/">
                            <img class="bottom" src="images/icons/socials/hover/flickr.png" alt="" />
  							<img class="top" src="images/icons/socials/default/flickr.png" alt="" />                       
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Evanto" href="http://themeforest.net/user/felixplus">
                            <img class="bottom" src="images/icons/socials/hover/evanto.png" alt="" />
  							<img class="top" src="images/icons/socials/default/evanto.png" alt="" />                      
                        </a>
                    </li>
                                       
                </ul><!--end:social-links-->
            </div><!--end:bottom-sidebar-->
            <p id="copyright">copyright 2013 © <a target="_blank" href="http://themeforest.net/user/felixplus">felixplus.com</a></p>
        </div><!--end:sidebar-->
        <div id="left-panel">&raquo;</div>
        <div id="main-content">
            <div id="mobile-logo-image">
            	<a href="index.html"><img src="placeholders/logo-mobile.png" alt="" /></a>
            </div><!--end:mobile-logo-image-->
			<div class="ff-container">
                <section id="options" class="clearfix">
                    <ul id="filter" class="option-set clearfix" data-option-key="filter">
                        <li><a href="#show-all" data-option-value="*" class="selected">2013</a></li>
                        <li><a href="#flx-jan" data-option-value=".flx-jan">Jan</a></li>
                        <li><a href="#flx-feb" data-option-value=".flx-feb">Feb</a></li>
                        <li><a href="#flx-mar" data-option-value=".flx-mar">Mar</a></li>
                        <li><a href="#flx-apr" data-option-value=".flx-apr">Apr</a></li>
                        <li><a href="#flx-may" data-option-value=".flx-may">May</a></li>
                        <li><a href="#flx-jun" data-option-value=".flx-jun">Jun</a></li>
                        <li><a href="#flx-jul" data-option-value=".flx-jul">Jul</a></li>
                        <li><a href="#flx-aug" data-option-value=".flx-aug">Aug</a></li>
                        <li><a href="#flx-sep" data-option-value=".flx-sep">Sep</a></li>
                        <li><a href="#flx-oct" data-option-value=".flx-oct">Oct</a></li>
                        <li><a href="#flx-nov" data-option-value=".flx-nov">Nov</a></li>
                        <li><a href="#flx-dec" data-option-value=".flx-dec">Dec</a></li>
                    </ul>
                    <div id="filters">
                        <select class="flx-select">
                            <option value="*">All</option>
                            <option value=".flx-jan">January</option>
                            <option value=".flx-feb">Febuary</option>
                            <option value=".flx-mar">March</option>
                            <option value=".flx-apr">April</option>
                            <option value=".flx-may">May</option>
                            <option value=".flx-jun">June</option>
                            <option value=".flx-jul">July</option>
                            <option value=".flx-aug">August</option>
                            <option value=".flx-sep">September</option>
                            <option value=".flx-oct">October</option>
                            <option value=".flx-nov">November</option>
                            <option value=".flx-dec">December</option>        
                        </select>    
                    </div><!--end:filters-->
                    <p class="filter-picker"></p>
                    <ul id="filter-by-category" class="option-set clearfix" data-option-key="filter">
                        <li><a href="#show-all" data-option-value="*" class="selected">All</a></li>
                        <li><a href="#flx-digital" data-option-value=".flx-digital">Digital</a></li>
                        <li><a href="#flx-ill" data-option-value=".flx-ill">illustrator</a></li>
                        <li><a href="#flx-music" data-option-value=".flx-music">Music</a></li>
                        <li><a href="#flx-video" data-option-value=".flx-video">Video</a></li>
                        <li><a href="#flx-3d" data-option-value=".flx-3d">3D Graphics</a></li>
                        <li><a href="#flx-icon" data-option-value=".flx-icon">icon</a></li>
                    </ul><!--end:filter-by-category-->
                </section>
                  
                <div id="container" class="super-list variable-sizes clearfix">   
                    <div class="element flx-jan flx-ill width5 clearfix">
                        <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-6.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>      
                    <div class="element flx-feb flx-digital width5 inner-transition">
                        <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-7.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element flx-mar flx-3d inner-transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-8.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-apr flx-icon inner-transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-9.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>    
                    <div class="element flx-may flx-digital transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-10.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element flx-jun flx-video transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-11.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-jul flx-music transition width5">
                    	<a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-12.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>     
                    <div class="element flx-aug flx-ill transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-sep flx-3d transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-oct flx-icon transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-nov flx-video transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div>
                    <div class="element flx-dec flx-music transition width5">
                      <a class="blog-v2-img" href="#"><img class="hover-effect" src="placeholders/blog-img/blog-img-13.jpg" alt="" /></a>
                        <div class="entry-content clearfix">
                            <div class="flx-time"><p>20</p><span>OCT</span></div>
                            <h5><a href="single.html">Vestibulum ante ipsum primis</a></h5>
                            <span class="entry-meta"><a href="#" class="entry-categories">illustration</a>,&nbsp;<a href="#" class="entry-categories">Design</a></span>
                            <footer class="clearfix">
                                <span class="entry-comments">224</span>
                                <span class="entry-views">258</span>
                                <span class="entry-likes">81</span>
                                <a class="more-link clearfix" href="#"><span class="more-link-icon">&nbsp;</span><span class="more-link-text">readmore</span></a>
                            </footer>
                        </div><!--end:entry-content-->
                    </div> 
                </div>
                <nav id="page_nav">
                	<a href="pages/blog-v2-2.html"></a>
                </nav>
            </div><!--end:ff-container-->
        </div><!--end:main-content-->
        <div class="clear"></div>
    </div><!--end:wrapper-->
	
	<style type="text/css"> 
		#cssawards {
			position:fixed; 
			bottom:0px; right:0px;
            z-index:9999; 
		} 
		#cssawards a {
        	width:140px; 
			height:140px;
            text-indent:-8000px; 
			display:block;
            background:url(cssa-brand.png) no-repeat; 
		} 
    </style> 
    
    <div id="cssawards">
    	<a class="moz-txt-link-rfc2396E" href="http://cssa.ws/146223v" target="_blank">http://www.cssawards.net/yoursiteurl</a>
	</div>
	
</body>
</html>